/**
 * 边距类
 * @description:
 * 原先准备采用uni-ui的辅助样式类，后来经实际使用后发现有偏差
 * 还是用咱自己写的吧
 */
/*
 * 目前可使用范围是 2 - 30 之间的所有偶数 和 5的倍数可用
 * 使用示例
 * 外边距： m-t-x
 * 内边距： p-t-x
 * 所有方向的边距: m-a-x
 */

@for $i from 2 to 40 {
	@if $i % 2==0 or $i % 5==0 {
		.m-y-#{$i} {
			margin-top: rpx2($i);
			margin-bottom: rpx2($i);
		}

		.m-x-#{$i} {
			margin-left: rpx2($i);
			margin-right: rpx2($i);
		}

		.p-y-#{$i} {
			padding-top: rpx2($i);
			padding-bottom: rpx2($i);
		}

		.p-x-#{$i} {
			padding-left: rpx2($i);
			padding-right: rpx2($i);
		}

		.m-a-#{$i} {
			margin: rpx2($i);
		}

		.p-a-#{$i} {
			padding: rpx2($i);
		}

		@each $direction, $value in (l: left, r: right, t: top, b: bottom) {
			.m-#{$direction}-#{$i} {
				margin-#{$value}: rpx2($i);
			}

			.p-#{$direction}-#{$i} {
				padding-#{$value}: rpx2($i);
			}
		}
	}
}
